@import "./order.less";
body {
  color: #333;
}

.trans-rotate (@rotate) {
  -webkit-transform: rotate(@rotate);
  -moz-transform: rotate(@rotate);
  -ms-transform: rotate(@rotate);
  -o-transform: rotate(@rotate);
}


/*异常门店*/

.order-hd {
  position: relative;
  width: 100%;
  height: 90/@b-width;
  font-size: @fc_b;
  text-align: center;
  line-height: 90/@b-width;
  p:first-child {
    position: absolute;
    left: 24/@b-width;
    top: 30/@b-width;
    display: inline-block;
    border-left: 2/@b-width solid;
    border-bottom: 2/@b-width solid;
    width: 30/@b-width;
    height: 30/@b-width;
    transform: rotate(45deg);
  }
}

.order-tt {
  font-size: @fc_c;
  // height: 55/@b-width;
  line-height: 50/@b-width;
  padding: 10/@b-width;
  background: #D3EDFF;
  color: #2B99F1;
  text-align: center;
}

.order-lt {
  padding-left: 22/@b-width;
  font-size: @fc_c;
  li {
    height: 106/@b-width;
    line-height: 106/@b-width;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    // p:first-child {
    //   float: right;
    // }
    p {
      margin-right: 22/@b-width;
      b {
        color: #999;
        font-weight: normal;
      }
    }
    .itrate {
      position: absolute;
      top: 0;
      right: 0;
      i {
        display: inline-block;
        border-left: 2/@b-width solid #a6a6a6;
        border-bottom: 2/@b-width solid #a6a6a6;
        width: 22/@b-width;
        height: 22/@b-width;
        .trans-rotate(-135deg);
      }
    }
  }
}

.order-nw {
  height: 60/@b-width;
  line-height: 60/@b-width;
  color: #898989;
  text-align: center;
  font-size: @fc_c;
  margin-top: 30/@b-width;
  p {
    position: relative;
    display: inline-block;
    &:before,
    &:after {
      position: absolute;
      top: 30/@b-width;
      content: '';
      display: block;
      height: 1px;
      background: #333;
      width: 50/@b-width;
    }
    &:before {
      left: -60/@b-width;
    }
    &:after {
      right: -60/@b-width;
    }
  }
}


/*超时订单*/

.store-lt {
  padding-left: 22/@b-width;
  font-size: @fc_c;
  .store-1 {
    position: relative;
    height: 106/@b-width;
    line-height: 106/@b-width;
    border-bottom: 1px solid #e5e5e5;
    p:first-child {
      position: absolute;
      right: 20/@b-width;
      top: 40/@b-width;
      width: 28/@b-width;
      height: 28/@b-width;
      background: #aaa;
      border: 1px solid #aaa;
      border-radius: 50%;
      text-align: center;
      i {
        display: block;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        width: 12/@b-width;
        height: 12/@b-width;
        position: absolute;
        left: 6/@b-width;
      }
    }
    .a-up i {
      top: 3/@b-width;
      .trans-rotate(-45deg);
    }
    .a-dw i {
      .trans-rotate(135deg);
      top: 8/@b-width;
    }
    .order_num {
      width: 100%;
      height: 42/@b-width;
      display: flex;
    }
    .order_lab {
      height: 36/@b-width;
      line-height: 36/@b-width;
      font-size: 24/@b-width;
      color: #2B99F1;
      padding: 0 15/@b-width;
      border: 1px solid #2B99F1;
      border-radius: 20/@b-width;
      margin-right: 10/@b-width;
    }
  }
  .store1lab {
    height: 138/@b-width;
  }
  .store-2 {
    padding: 10/@b-width 0 10/@b-width 40/@b-width ;
    font-size: @fc_c;
    border-bottom: 1px solid #e5e5e5;
    div {
      padding-left: 40/@b-width;
      border-left: 1px solid #e5e5e5;
      padding-top: 10/@b-width;
      padding-bottom: 10/@b-width;
      clear: both;
      p {
        position: relative;
        height: 86/@b-width;
        padding: 22/@b-width 0;
        .clearfix();
        span:first-child {
          float: right;
          color: #999;
          text-align: right;
          margin-right: 20/@b-width;
          font-size: @fc_d;
        }
        i {
          position: absolute;
          left: -52/@b-width;
          top: 33/@b-width;
          width: 20/@b-width;
          height: 20/@b-width;
          background: #e5e5e5;
          border-radius: 50%;
        }
        b {
          position: absolute;
          left: 0;
          top: 60/@b-width;
          font-weight: normal;
          color: #999;
          font-size: @fc_d;
        }
        &.order-df {
          height: 60/@b-width;
        }
      }
    }
  }
}

//容错页
.nofind {
  background: @white; // height: -webkit-fill-available;
  padding-top: 240/@b-width;
  text-align: center;
  color: @font-color-9;
  font-size: @fc_c;
}

.nofind_pic {
  width: 375/@b-width;
  height: 285/@b-width;
  margin: 0 auto 70/@b-width;
  img {
    width: 100%;
    height: 100%;
  }
}

.slide-fade-enter-active {
  transition: all .3s ease;
}

.slide-fade-enter,
.slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */

{
  transform: translateY(-10px);
  opacity: 0;
}

.u_loading {
  padding: 0.5rem 0 0 0;
  text-align: center;
  color: #999;
}
